<template>
  <Header/>
  <Breadcrumb/>
  <!--  <el-header>-->
  <!--    <el-page-header icon="el-icon-arrow-left" content="详情页面"></el-page-header>-->
  <!--  </el-header>-->

  <router-view v-slot="{ Component }">
    <transition name="fade" mode="out-in" appear>
      <el-main :key="key">
        <component :is="Component"/>
      </el-main>
    </transition>
  </router-view>
  <br/>
  <br/>
</template>

<script>
import Header from './common/header.vue'
import Breadcrumb from './common/breadcrumb.vue'

export default {
  components: {
    Header,
    Breadcrumb,
  },
  computed: {
    key() {
      return this.$route.path
    },
  }
}
</script>

<style></style>
